/* 导入css全局变量 */
@import '@/styles/root-style';
@import '@/styles/element-ui-reset';
@import "~@/assets/styles/fonts.css";
body {
    margin: 0;
    font-family: PingFangSC-Regular, PingFang SC;
}

input {
    font-family: PingFangSC-Regular, PingFang SC;
}

    // 文本颜色
.info-color {
    color: $--color-info;
}
.success-color {
    color: var(--color-success);
}
.warning-color {
    color: var(--color-warning);
}
.danger-color {
    color: var(--color-danger);
}
.primary-color {
    color: var(--color-primary);
}

// other
.pointer {
    cursor: pointer;
}

.page-main-container,
.page-main-container2 {
    background-color: #F8F9FB;
    padding: 16px 20px 20px;
    position: relative;

    .contain-wrap {
        background-color: #ffffff;
    }
}

.page-main-container2 {
    padding: 0 20px  20px !important;
}

// table
.el-table {
    border-radius: 6px 6px 0 0;
    .cell {
        line-height: 20px !important;
    }
    .cell > div:empty,
    .cell:empty {
        &::before {
            content: "-";
        }
    }

    .el-table__body {
        .cell {
            line-height: 52px !important;
        }
    }

    td {
        padding: 0 !important;
    }

    .el-table__header-wrapper, .el-table__fixed-right {

        .el-table__header > thead{
            tr {
                th {
                    background: #F0F3F9 !important;
                    color: #687292;
                    font-family: PingFangSC-Medium, PingFang SC;
                    border:none;

                    &:first-child {
                        border-top-left-radius: 10px;
                    }

                    &:last-child {
                        border-top-right-radius: 10px;
                    }
                }
            }
        }
    }
}
.el-table .el-table__header-wrapper .el-table__header > thead tr th:first-child, 
.el-table .el-table__fixed-right .el-table__header > thead tr th:first-child{
    padding-left:6px;
}
.el-table--enable-row-transition .el-table__body td:first-child{
    padding-left:6px !important;
}

// 菜单折叠icon
.el-icon-s-fold,
.el-icon-s-unfold {
    font-size: 20px;
    cursor: pointer;
}

// 提示弹窗
.el-message-box{
    border-radius:8px;
}
.el-message-box__header{
    padding: 16px 24px 0px !important;
}
.el-message-box__headerbtn {
    top: 18px !important;
}
.el-message-box__title{
    justify-content: flex-start !important;
    span{
        height: 22px;
        font-size: 16px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 600;
        color: #000000;
        line-height: 22px;
    }
}
.el-message-box{
    padding-bottom: 24px !important;
}
.el-message-box__btns {
    margin-top: 32px;
    text-align: right !important;
    padding-right:24px !important;
    .el-button {
        min-width: 90px;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        padding: 6px 0px;
        border-radius: 4px;
    }
}

.el-message-box__content {
    padding: 24px 24px 0 !important;
}

// message-box
.el-message-box {
    &.showIcon {
        .el-message-box__header {
            padding: 24px 24px 0px !important;
        }
        .el-message-box__title {
            position: relative;
            padding-left: 32px;

            &:before {
                content: '';
                background-image: url("~@/assets/img/icon/warn-icon.png");
                background-size: 100% 100%;
                position: absolute;
                width: 24px;
                height: 24px;
                left: 0;
                top: -1px;
            }
        }
    }
    .el-message-box__content {

        .el-message-box__message {
            font-size: 14px;
            font-weight: 400;
            color: #666666 !important;
            line-height: 22px;
            font-family: PingFangSC-Medium, PingFang SC;
        }

        .el-message-box__status {
            display: none;
        }
    }

    &.no-content {
        .el-message-box__content {
            padding: 0 !important;
        }
    }
}

// dialog 弹窗
.el-dialog__header {
    text-align: center;
    .right-btn {
        position: absolute;
        right: 50px;
    }
}
.el-dialog__footer {
    text-align: center !important;
}
.custom-dialog .el-dialog__header {
    position: relative;
    margin: 0;
    padding: 10px 16px 10px 20px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    .el-dialog__headerbtn {
        width: 40px;
        height: 40px;
        top: 50%;
        transform: translateY(-50%);
    }
}
.custom-dialog .el-dialog__footer {
    text-align: right !important;
}

// table
.common-table-wrap {
    position: relative;
    .table-header {
        font-weight: 500;
        line-height: 60px;
    }
    .common-table-content {
        position: relative;
    }
} 

// form
.el-form {
    .el-form-item__content {
        .el-select,
        .el-input {
            width: 100%;
        }
    }
   
}

.el-form-item {
    .el-input__inner{
        font-size: 14px !important;
    }
    .el-textarea__inner {
        font-size: 14px !important;
        font-family: PingFangSC-Regular, PingFang SC;
    }
}

.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
    position: relative;
    top:2px;
    margin-right:6px;
}


.el-form-item__error {
    padding-left: 18px;
    &:before {
        content: '';
        position: absolute;
        left: 0;
        top: 1px;
        background-image: url("~@/assets/img/icon/error-tip.png");
        width: 16px;
        height: 16px;
        background-size: 100% 100%;
    }
}


// 滚动条
::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-track {
    background: transparent
}

::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 5px
}

::-webkit-scrollbar-thumb:hover {
    background-color: #666
}

::-webkit-scrollbar-resizer {
    background-color: #ff6e00
}



.el-button--primary.el-button--small {
    font-size: 14px !important;
    padding: 8px 15px !important;

    &:hover{
        background: #135DE2 !important;
    }
}

//select箭头
.el-select,.el-cascader{
    .el-icon-arrow-up{
        &::before{
           font-family: "iconfont";
           content: "\e637";
           color: #7D859D;
           font-size: 12px;
           transform: scale(0.86);
           display: inline-block;
           vertical-align: middle;
        }
   }
   .el-icon-arrow-down{
       &::before{
           font-family: "iconfont";
           content: "\e64e";
           color: #7D859D;
           font-size: 12px;
           transform: scale(0.86);
           display: inline-block;
           vertical-align: middle;
        }
   }
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
}
.float-right {
  float: right;  
}

.text-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

// table fixed 遮挡滚动条
.el-table__fixed::before, .el-table__fixed-right::before {
    height: 0 !important;
}



.el-message {
    --el-message-min-width: 100px !important;
    justify-content: center;

   
    .el-message__content {
        font-size: 12px;
        font-weight: 400;
        padding-left: 12px;
    }

    &.el-message--info {
        .el-message__content {
            color: #333333 !important;
        }
    }
    &.el-message--success {
        .el-message__content {
            color: #333333 !important; 
        }
    }
    &.el-message--error {
        .el-message__content {
            color: #333333 !important; 
        }
    }

    &.el-message--success, &.el-message--error, &.el-message--info {
        background: #ffffff;
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        padding: 8px 16px;

        .el-message__icon.el-icon-success {
            position: relative;

            &:before {
                content: '';
                position: absolute;
                background-image: url("~@/assets/img/icon/success-icon.png");
                width: 16px;
                height: 16px;
                background-size: 100% 100%;
                left: 0;
                top: -8px;
            }
        }

        .el-message__icon.el-icon-error {
            position: relative;

            &:before {
                content: '';
                position: absolute;
                background-image: url("~@/assets/img/icon/error-icon.png");
                width: 16px;
                height: 16px;
                background-size: 100% 100%;
                left: 0;
                top: -8px;
            }
        }
    }
}


.el-icon-circle-close{
    &::before{
        font-family: 'iconfont' !important;
        content: "\e64c" !important;
        font-size: 14px;
        color: #B9BECE;
    }
}

//table tooltip 内容过长
.el-popper.is-dark {
    max-width: 300px !important;
    background: #37393C !important;
    .el-popper__arrow::before{
        background: #37393C !important;
    }
}

// 分页
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .el-pager li{
    background-color: #FFFFFF !important;
    border-radius: 4px !important;
    border: 1px solid #E0E4ED;
    color: #7D859D;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    line-height: 27px !important;
}

.el-pagination.is-background .el-pager li:not(.disabled).active,
.el-pagination.is-background .el-pager li:not(.is-disabled).is-active {
    background-color: #1F6FFF !important;
    border-color: #1F6FFF;
}

//消息框警告
.el-icon-warning:before{
    content: "" !important;
    background-image: url("~@/assets/img/icon/warn-icon.png");
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
}

// 表格无内容时不显示底部横线
.custom-table-wrap-no-data.el-table {
    &::before {
        display: none;
    }
}

.el-button.is-link {
    color: var(--color-primary) !important;
    &:focus {
        color: var(--color-primary) !important;
    }
}
.el-button.el-button--primary:not(.is-link){
    background-color: var(--color-primary) !important;
    &:focus {
        background-color: var(--color-primary) !important;
    }
}

// 搜索样式
.search-container{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    .el-input,.el-select{
        width: 200px !important;
    }
    .form-content{
        display: inline-flex;
        flex-wrap: wrap;
        flex: 1;
    }
    .el-form-item__label{
        min-width: 80px;
    }
    .search-btns{
        // flex: 1;
       
    }
}

// el-button 
// .el-button--primary:focus {
//     background-color: var(--el-color-primary) !important;
// }
// .el-button--primary:hover {
//     background-color: var(--el-button-hover-bg-color) !important;
// }

// 表格上方操作按钮
.operate-btn{
    width:100%;
    margin: 10px 0 20px 0;
    .el-button{
        margin-right: 10px;
    }
   
}